<template>
	<div>
		<h2>这是子组件</h2>
		<ul>
			<li v-for="item in listdata" :key="item.id">
				{{item.id}}---{{item.name}}
			</li>
		</ul>
		<p @click="send">点我给父组件传值</p>
		<button @click="toindex">点我index</button>
	</div>
</template>

<script>
	export default{
		// props:["listdata"],
		props:{
			listdata:[Array,String]
		},
		// props:{
		// 	listdata:{
		// 		type:Array,
		// 		required:true,
		// 		default:()=>[
		// 			{
		// 				text:"未匹配"
		// 			}
		// 		]
		// 	}
		// },
		data(){
			return{
				msg:"我从远方来"
			}
		},
		methods:{
			send:function(){
				this.$emit("sendto",this.msg)
			},
			toindex:function(){
				this.$router.push("/");
			}
		}
		
	}
</script>

<style>
</style>
